<#--<%@page language="java" import="java.util.*" pageEncoding="utf-8"%>-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">

<html lang="en">
	<head>
    	<meta charset="utf-8" />
    	<title>ShoppingDemo</title>
 	    <meta name="viewport" content="width=device-width, initial-scale=1.0" />


    	<link href="<@spring.url 'static/css/bootstrap.min.css'></@spring.url>" rel="stylesheet" />
    	<link rel="stylesheet" href="<@spring.url 'static/css/font-awesome.min.css'></@spring.url>" />

    	<!--[if IE 7]>
			<link rel="stylesheet" href="<@spring.url 'static/css/font-awesome-ie7.min.css'></@spring.url>" />
    	<![endif]-->

    	<!-- page specific plugin styles -->

    	<!-- fonts -->

    	<link rel="stylesheet" href="<@spring.url 'static/css/cyrillic.css'></@spring.url>" />

    	<!-- ace styles -->

    	<link rel="stylesheet" href="<@spring.url 'static/css/ace.min.css'></@spring.url>" />
    	<link rel="stylesheet" href="<@spring.url 'static/css/ace-rtl.min.css'></@spring.url>" />
    	<link rel="stylesheet" href="<@spring.url 'static/css/ace-skins.min.css'></@spring.url>" />

    	<!--[if lte IE 8]>
		<link rel="stylesheet" href="<@spring.url 'static/css/ace-ie.min.css'></@spring.url>" />
    	<![endif]-->

    	<!-- inline styles related to this page -->

    	<!-- ace settings handler -->

    	<script src="<@spring.url 'static/js/ace-extra.min.js'></@spring.url>"></script>

    	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

    	<!--[if lt IE 9]>
		<script src="<@spring.url 'static/js/html5shiv.js'></@spring.url>"></script>
		<script src="<@spring.url 'static/js/respond.min.js'></@spring.url>"></script>
    	<![endif]-->
	</head>

    <body>
	    <div class="navbar navbar-default" id="navbar">
	        <script type="text/javascript">
	            try{ace.settings.check('navbar' , 'fixed')}catch(e){}
	        </script>
	
	        <div class="navbar-container" id="navbar-container">
	            <div class="navbar-header pull-left">
	                <a href="#" class="navbar-brand">
	                    <small>
	                        <i class="icon-leaf"></i>
	                        Shopping Demo Admin
	                    </small>
	                </a><!-- /.brand -->
	            </div><!-- /.navbar-header -->
	
	            <div class="navbar-header pull-right" role="navigation">
	                <ul class="nav ace-nav">
	                    <li class="light-blue">
	                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
	                            <img class="nav-user-photo" src="static/avatars/user.jpg" alt="Jason's Photo" />
									<span class="user-info">
										<small>Welcome,</small>
										Jason
									</span>
	
	                            <i class="icon-caret-down"></i>
	                        </a>
	
	                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
	                            <li>
	                                <a href="#">
	                                    <i class="icon-cog"></i>
	                                    Settings
	                                </a>
	                            </li>
	
	                            <li>
	                                <a href="#">
	                                    <i class="icon-user"></i>
	                                    Profile
	                                </a>
	                            </li>
	
	                            <li class="divider"></li>
	
	                            <li>
	                                <a href="#">
	                                    <i class="icon-off"></i>
	                                    Logout
	                                </a>
	                            </li>
	                        </ul>
	                    </li>
	                </ul><!-- /.ace-nav -->
	            </div><!-- /.navbar-header -->
	        </div><!-- /.container -->
	    </div>

        <div class="main-container" id="main-container">
            <script type="text/javascript">
                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
            </script>

            <div class="main-container-inner">
                <a class="menu-toggler" id="menu-toggler" href="#">
                    <span class="menu-text"></span>
                </a>

                <div class="sidebar" id="sidebar">
                    <script type="text/javascript">
                        try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
                    </script>

                    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
                        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                            <button class="btn btn-success">
                                <i class="icon-signal"></i>
                            </button>

                            <button class="btn btn-info">
                                <i class="icon-pencil"></i>
                            </button>

                            <button class="btn btn-warning">
                                <i class="icon-group"></i>
                            </button>

                            <button class="btn btn-danger">
                                <i class="icon-cogs"></i>
                            </button>
                        </div>

                        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                            <span class="btn btn-success"></span>

                            <span class="btn btn-info"></span>

                            <span class="btn btn-warning"></span>

                            <span class="btn btn-danger"></span>
                        </div>
                    </div><!-- #sidebar-shortcuts -->

                    <ul class="nav nav-list">
                        <li class="active">
                            <a href="#">
                                <span class="menu-text"> Dashboard </span>
                            </a>
                        </li>
                        <li>
                            <a href="#.html" class="dropdown-toggle">
                                <span class="menu-text"> 查看用户 </span>
                                <b class="arrow icon-angle-down"></b>
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="user.html">
                                        用户信息
                                    </a>
                                </li>
                                <li>
                                    <a href="addUser.html">
                                        添加用户
                                    </a>
                                </li>
                                <li>
                                    <a href="updateUser.html">
                                        修改用户信息
                                    </a>
                                </li>
                            </ul>

                        </li>

                        <li>
                            <a href="#" class="dropdown-toggle">
                                <span class="menu-text"> 查看商品 </span>
                                <b class="arrow icon-angle-down"></b>
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="product.html">
                                        商品详细信息
                                    </a>
                                </li>
                                <li>
                                    <a href="addProduct.html">
                                        添加商品
                                    </a>
                                </li>
                                <li>
                                    <a href="updateProduct.html">
                                        修改商品信息
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <a href="#.html" class="dropdown-toggle">
								<span class="menu-text">
									查看商品类别
								</span>
                                <b class="arrow icon-angle-down"></b>
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="category.html">
                                        商品类别信息
                                    </a>
                                </li>
                                <li>
                                    <a href="addCategory.html">
                                        添加商品类别
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li>
                            <a href="#.html" class="dropdown-toggle">
                                <span class="menu-text"> 查看订单 </span>
                                <b class="arrow icon-angle-down"></b>
                            </a>
                            <ul class="submenu">
                                <li>
                                    <a href="order.html">
                                        订单信息
                                    </a>
                                </li>
                                <li>
                                    <a href="updateOrder.html">修改订单状态</a>
                                </li>
                            </ul>
                        </li>
                    </ul><!-- /.nav-list -->

                    <script type="text/javascript">
                        try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
                    </script>
                </div>

                <div class="main-content">
                    <div class="breadcrumbs" id="breadcrumbs">
                        <script type="text/javascript">
                            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
                        </script>

                        <ul class="breadcrumb">
                            <li>
                                <i class="icon-home home-icon"></i>
                                <a href="#">Home</a>
                            </li>
                        </ul><!-- .breadcrumb -->
                    </div>

					<div class="page-content">
						<div class="page-header">
							<h1>
								添加用户
							</h1>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
                                <form class="form-horizontal" role="form" action="<@spring.url 'doAddUser.html'></@spring.url>" method="post"
                                      modelAttribute="user">
									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="form-field-l">
											Username
										</label>
										<div class="col-sm-9">
											<input type="text" id="form-field-l" class="col-xs-10 col-sm-5" name="username">
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="form-field-1">
											Nickname
										</label>
										<div class="col-sm-9">
											<input type="text" id="form-field-1" class="col-xs-10 col-sm-5" name="nickname">
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="form-field-2"> Password </label>

										<div class="col-sm-9">
											<input type="password" id="form-field-2" class="col-xs-10 col-sm-5" name="password"/>
										</div>
									</div>
                                     <#if message??>
                                        <div class="gorm-group">
                                            <p style="margin-left: 40%; margin-right: 40%; color: red;">
                                                 ${message}
                                            </p>
                                        </div>
                                    </#if>
									<div class="clearfix form-actions">
										<div class="col-md-offset-3 col-md-9">
											<button class="btn btn-info" type="submit">
												<i class="icon-ok bigger-110"></i>
												Submit
											</button>

											&nbsp; &nbsp; &nbsp;
											<button class="btn" type="reset">
												<i class="icon-undo bigger-110"></i>
												Reset
											</button>
										</div>
									</div>
								</form>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->

                <div class="ace-settings-container" id="ace-settings-container">
                    <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                        <i class="icon-cog bigger-150"></i>
                    </div>

                    <div class="ace-settings-box" id="ace-settings-box">
                        <div>
                            <div class="pull-left">
                                <select id="skin-colorpicker" class="hide">
                                    <option data-skin="default" value="#438EB9">#438EB9</option>
                                    <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                    <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                    <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                </select>
                            </div>
                            <span>&nbsp; Choose Skin</span>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
                            <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
                            <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
                            <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
                            <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
                        </div>

                        <div>
                            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
                            <label class="lbl" for="ace-settings-add-container">
                                Inside
                                <b>.container</b>
                            </label>
                        </div>
                    </div>
                </div><!-- /#ace-settings-container -->
            </div><!-- /.main-container-inner -->

            <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
                <i class="icon-double-angle-up icon-only bigger-110"></i>
            </a>
        </div><!-- /.main-container -->

        <!-- basic scripts -->

        <!--[if !IE]> -->

        <script src="<@spring.url 'static/js/jquery-2.0.3.min.js'></@spring.url>"></script>

        <!-- <![endif]-->

        <!--[if IE]>
		<script src="<@spring.url 'static/js/jquery-1.10.2.min.js'></@spring.url>"></script>
        <![endif]-->

        <!--[if !IE]> -->

        <script type="text/javascript">
            window.jQuery || document.write("<script src='static/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
        </script>

        <!-- <![endif]-->

        <!--[if IE]>
		<script type="text/javascript">
			window.jQuery || document.write("<script src='static/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
		</script>
        <![endif]-->

        <script type="text/javascript">
            if("ontouchend" in document) document.write("<script src='static/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
        </script>
        <script src="<@spring.url 'static/js/bootstrap.min.js'></@spring.url>"></script>
        <script src="<@spring.url 'static/js/typeahead-bs2.min.js'></@spring.url>"></script>

        <!-- page specific plugin scripts -->
        <script type="text/javascript" src="<@spring.url 'static/js/jquery.dataTables.min.js'></@spring.url>"></script>
        <script type="text/javascript" src="<@spring.url 'static/js/jquery.dataTables.bootstrap.js'></@spring.url>"></script>
        <!-- ace scripts -->

        <script src="<@spring.url 'static/js/ace-elements.min.js'></@spring.url>"></script>
        <script src="<@spring.url 'static/js/ace.min.js'></@spring.url>"></script>

        <script type="text/javascript">
            jQuery(function($) {
                var oTable1 = $('#user-table').dataTable( {
                    "aoColumns": [
                        { "bSortable": false },
                        null, null,null, null, null,
                        { "bSortable": false }
                    ] } );


                $('table th input:checkbox').on('click' , function(){
                    var that = this;
                    $(this).closest('table').find('tr > td:first-child input:checkbox')
                            .each(function(){
                                this.checked = that.checked;
                                $(this).closest('tr').toggleClass('selected');
                            });

                });


                $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
                function tooltip_placement(context, source) {
                    var $source = $(source);
                    var $parent = $source.closest('table')
                    var off1 = $parent.offset();
                    var w1 = $parent.width();

                    var off2 = $source.offset();
                    var w2 = $source.width();

                    if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
                    return 'left';
                }
            })

        </script>

		<script type="text/javascript">
			jQuery(function($) {
				var oTable1 = $('#product-table').dataTable( {
				"aoColumns": [
			      { "bSortable": false },
			      null, null,null, null, null,
				  { "bSortable": false }
				] } );


				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});

				});


				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();

					var off2 = $source.offset();
					var w2 = $source.width();

					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})

		</script>


		<script type="text/javascript">
			jQuery(function($) {
				var oTable1 = $('#order-table').dataTable( {
				"aoColumns": [
			      { "bSortable": false },
			      null, null,null, null, null,
				  { "bSortable": false }
				] } );


				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});

				});


				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();

					var off2 = $source.offset();
					var w2 = $source.width();

					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})

		</script>

		<!-- inline scripts related to this page -->
<script>var _hmt = _hmt || [];(function(){var hm=document.createElement("script");hm.src = "//hm.baidu.com/hm.js?a43c39da34531f4da694d4499c5614d4";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script>
</body>
</html>
